#webcam{
    /* background-color: aqua; */
    float: right;
    opacity: 0.8;
    position: fixed;
    top:0px;
    left:50%
}

#webcam img{
    padding: 9px;
    width:900px;
    height:550px;
}
#particles-js{
    /* background:linear-gradient(red, blue); */
    background : #000000;
    height :100%;
    width: 100%;
    opacity:1;
    position: fixed;
    left: 0;
    top: 0;
}
#background{
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
}



#test{
    width:100px;
    height:100px;
}

#Time{
    width:30%;
}



table.layui-table{
    position: fixed;
    left: 5%;
    top: 0;
    width: 40%;
}

th#Department{
    width:30%
}

th#Name{
    width:10%
}


input#code{
    position:fixed;
    top:600px;
    left:70%;
    width: 200px;
    height:50px;
    opacity: 0.4;
    /* color:white; */
}